body{background:url(../images/top_bg.png) repeat-x;}
.icon{background:url(../images/bg_icon.png) no-repeat;}
.top_nav{linfloat:left; padding-top: 4px;}
.top_nav li{line-height:15px;margin:-12px 10px 0 0;float:left;}
.top_nav .phone{background-position:0 0;padding-left:12px;}
.top_nav .home{background-position:0 -19px;padding-left:12px;}
.top_access{float:right;padding-top: 4px;margin-top: -2px;}
.top_access li{float:left;line-height:15px;margin:-14px 10px 0 0;}
.site_logo{display:block;width:84px;height:59px;margin:12px 0;background:url(../images/logo.png);text-indent:-999em;}

.index .s-box-hd{padding:6px 10px;background:#f7f7f7;color:#414141;border-color:#cdcdcd}
.index .s-box-bd{padding:6px 10px 10px 10px;height:182px;color:#616161;border-color:#cdcdcd;border-top:0;}
.field .label{display:block;height:24px;line-height:22px;text-align:left;color:#6e6e6e;clear:both;}
.field input{height:22px;border:1px solid #bcbdc2}
.index .field input{width:100%;}
.button{background:url(../images/button.png) no-repeat;}
.option{margin:10px 0}
.option .login-btn{display:block;float:left;width:83px;height:28px;border:0;background-position:0 0;text-indent:999em;cursor:pointer;}
.option .labelCheckbox{display:block;float:left;margin:3px 0 0 6px}
.option .labelCheckbox input{margin:0 4px;vertical-align:middle}
.register {padding:10px 0;border-top:1px dashed #c5c5c5}

.register .registerlink{margin-left:10px;color:#037ad4;text-decoration:none;}

.showpic{margin-top:25px;}
.showpic .step{float:left;margin-right:25px;}
.showpic .step a{display:block;float:left;width:300px;height:94px;background:url(../images/index_intro.png) no-repeat;text-indent:-999em;}
.showpic .step1 a{background-position:0px 0;}
.showpic .step2 a{background-position:-327px 0;}
.showpic .step3 a{margin-right:0;background-position:-650px 0;}
.showpic .step3{margin-right:0;}

.rights{color:#bababa;margin:10px 0;text-align:center;}

.login .loginbox{border-top:1px dashed #c5c5c5}
.login .loginbox h1{margin-top:10px;line-height:36px;font-size:22px;font-weight:600;color:#818181}
.login .loginbox .register{border-top:0;padding:0;}
.login .field input{width:190px;}
.login .field input.error{border:1px solid #ff8080}
.login .loginbox .noregister{margin-left:200px;color:#037bd2}
.goto-mail img{margin-left:10px;vertical-align:bottom;}
.goto-mail-desc{line-height:30px;color:#404040}
.goto-mail-desc .em-mail{color:#ff4400}	
.input-area{float:left;}
.msg{float:left;margin-left:10px;}


.med-list-tab{border-bottom: 2px solid #e5e9ec;}
.med-list-tab ul{height:21px;padding-left:30px;}
.med-list-tab li{float:left;margin-right:10px;}
.med-list-tab li a{background:#fff url(../images/icon.gif) no-repeat;color:#2e65b7;display:block;border:1px solid #e5e9ec;font-size:14px;padding:0 10px 0 18px;text-decoration:none;}
.med-list-tab li a:hover{text-decoration:none;}
.med-list-tab li.current a{background-color:#e5e9ec;color:#2e65b7;font-weight:bold;cursor:default;}
.med-list-tab li .iperson{background-position:2px -87px}
.med-list-tab li.current .iperson{background-position:2px -112px}
.med-list-tab li .iaccount{background-position:2px -60px}
.med-list-tab li.current .iaccount{background-position:2px -39px}


.med-list-tab2{margin:10px 0;}
.med-list-tab2 li{float:left;margin:0 10px;}
.med-list-tab2 li a{display:block;width:64px;height:20px;vertical-align:middle;text-align:center;}
.med-list-tab2 li.current a{background:url(../images/tab_bg.png) 0 1px no-repeat}
.personal .field li{clear:both;}
.personal .label{display:block;float:left;width:70px;height:30px;padding-right:8px;clear:none;text-align:right;}
.personal .account .label{width:auto;text-align:left;}
.personal .save-btn{width:83px;height:30px;margin:15px 0;border:0;background-position:0 -30px;cursor:pointer;}

.bar{margin:10px 0;border:1px solid #d2d8ca;background:#eaf2db;padding:10px;}
.bar .price{padding:0 4px;font-weight:600;color:#3a8101}
.bar .account{margin:0 0 0 30px;color:#006cff;text-decoration:none}

.account .accountnum{width:40px;margin:0 5px 0 0;}
.account .banklogo img{padding:2px 15px;border:1px solid #ddd;text-align:center;}

.account_table{width:948px;border:1px solid #d0d0d0}
.account_table tr{height:28px;border:1px solid #e3e3e3}
.account_table tr.title{background:#f1eee9;}
.account_table tr.hlight{background:#f5f5f5;}
.account_table td{text-align:center}
.account_table td strong{font-weight:600}
.account_table td.black strong{color:#404040}
.account_table td.red strong{color:#e05b00}
.account_table td.green strong{color:#3c8206}

.lesson_table{width:790px;border:1px solid #d0d0d0}
.lesson_table .tablebox{width:770px;margin-left:18px;}
.lesson_table .subtable{width:770px;border:0px;color:#404040}
.lesson_table .subtable th{font-weight:normal;}
.lesson_table .subtable tr{border:0px;border-bottom:1px dotted #c8c8c8 }
.lesson_table .subtable tr.last{border:0px;}
.lesson_table  td a{color:#057bd3}
.lesson_table .subnode{text-align:left;}
.lesson_table .node{text-align:left;cursor:pointer;}
.lesson_table .icon{float:left;width:16px;height:16px;margin:1px 3px 0 0;text-align:center;line-height:16px;background:none;}
.lesson_table .icon-expand{background:url(../images/icon.png) no-repeat -57px 2px;cursor:pointer;}
.activity-bar{width:68px;height:4px;border:1px solid #7fbdef;background:#fff;overflow:hidden;display:inline-block;text-align:left;_vertical-align:middle;_margin:8px 0;}
.activity-bar span{display:block;height:4px;background:#8bcbff;overflow:hidden;}

.lesson_table .node-collapsed .icon-expand{background-position:-37px 2px;}

.choose .groupbox .s-box-bd{min-height:500px;_height:500px;}
.choose .groupbox ul{margin:10px;}
.choose .groupbox li{margin:2px 0 0 0;padding-left:5px;line-height:24px;}
.choose .groupbox li.ks-active{border:1px solid #a3c8e5;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.choose .groupbox .icon{display:block;float:left;width:14px;height:16px;margin:6px 6px 0 0;}
.choose .groupbox .mylesson{background-position:0 -139px;}
.choose .groupbox .review{background-position:0 -162px;}
.choose .groupbox .setting{background-position:0 -180px;}
.G-desc{margin-top:10px;padding:5px 20px 5px 24px;color:#808080;border:1px solid #f6cc69;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background-color:#fff2e3;background-position:2px -197px}
.G-desc strong{font-weight:600;color:#3c8005}

.bookname{font-size:14px;font-weight:600;color:#0181ec}

.words-table{width:790px;margin-top:10px;text-align:center;border:2px solid #D0D0D0}
.words-table tr{height:28px;border-bottom:1px solid #d0d0d0}
.words-table th{color:#575757;font-weight:600}
.words-table th,.words-table td{border-right:2px solid #d0d0d0}
.words-table td{color:#247eba}
.words-table .r{color:#ff6600}
.words-table .un{font-weight:600}
.words-table .t{color:#575757}
.words-table .cur{background:#f2f9ff;}

.words-box{width:786px;height:600px;margin-top:-2px;border:2px solid #a8cdea;z-index:2;}
.words-slide{width:780px;height:540px;overflow:hidden}
.words-detail{width:780px;height:600px;}
.word-title{position:relative}
.word-self{text-align:center}
.word-title .button{display:block;position:absolute;width:85px;height:28px;padding-top:5px;text-align:center;font-size:14px;font-weight:600;}
.word-title .remembered{top:15px;right:130px;background-position:0 -121px;color:#fa6a0a;}
.word-title .move-to-familiar{top:15px;right:22px;background-position:0 -121px;color:#0181ec}
.spell{font-size:36px;font-weight:600}
.phonogram{margin-left:10px;color:#808080}
.pronounce{margin-left:5px;}
.pronounce img{vertical-align:middle}
.congrats{padding:50px 0;text-align:center;color:#d7848f;font-size:20px;}

.word-explain{width:640px;margin:0 auto;color:#404040}
.cat-bar{margin:10px 0;border-bottom:1px solid #cdcdcd}
.cat-bar .bar-title{padding:1px;border:1px solid #cdcdcd;border-bottom-color:#fff;}
.cat-bar .bar-title strong{background:#e0e8ef;border-bottom:1px solid #e0e8ef}
.model-en{margin:10px 0 0;}
.model-ch{margin:5px 0 0;text-indent:1px;}
.voice img{vertical-align:middle}
.b{color:#247EBA}
.word-slide{text-align: left; vertical-align: middle; height:32px; background:#e6f3fd;}
.word-slide a{padding-left: 10px; font-size: 18px; text-align:center; color:#006cff; text-decoration:underline}
.word-slide a:hover{padding-left: 10px; color:#6F0000;text-decoration:underline}
.word-slide .button{display:block;position:absolute;width:72px;height:21px;top:10px;background-position:0 -157px;}
.word-prev{right:10px}
.word-next{right:100px}
.check-more{display:block;margin:10px 0;padding-left:15px;color:#2779cf}
.check-up{background-position:0 -265px}
.check-down{background-position:0 -282px}

.choose .med-list-tab{border-bottom-color:#a4c9e5}
.choose .med-list-tab ul{height:23px;}
.choose .med-list-tab li a{background:none;border:2px solid #cdcdcd;border-bottom-color:#a4c9e5}
.choose .med-list-tab li.current a{background:none;border-color:#a4c9e5;border-bottom-color:#fff}
.choose .med-table .lesson_table{margin-top:10px}
.choose .med-table2 .lesson_table .node span{margin-left:20px;}

.searchbox .box1,.searchbox .box2,.searchbox .box1 label,.searchbox .box1 input,.searchbox .box1 button{float:left}
.searchbox{margin-top:10px;padding:5px 0;background:#fafafa}
.searchbox .box1{position:relative;}
.searchbox .box1 .s{position:absolute;left:64px;top:3px;display:block;width:20px;height:16px;background-position:0 -244px;}
.searchbox .search-input{height:20px;width:180px;padding-left:24px;border:1px solid #ddd}
.searchbox .search-btn{background-position:0 -95px;border: 0 none;cursor: pointer;display: block;float: left;height: 23px;text-indent: -999em;width: 83px;margin-left:8px;}

.registration .field .register-btn{border:0;cursor: pointer;display: block;float: left;height: 30px;text-indent:-999em;width: 83px;background-position:0 -62px;}
.registration .field .read .label{width:200px;}
.registration .field .read input{float:left;width:auto;margin:0 0 0 10px;}
.registration .field .content{background-color:white;border: 1px solid #E9E9E9;height: 90px;margin: 0 0 0 10px;overflow: auto;padding: 2px;}
.registration .error .label{width:auto;}